<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>订单</title>
    <link rel="stylesheet" href="css/animate.min.css" />
    <link rel="stylesheet/less" href="./css/reset.less" />
    <link rel="stylesheet/less" href="./css/styles.less" />
   
  </head>

  <body>
    <!-- 头部标题 -->
    <div class="head">
      <div><img src="images/leftarr.png" alt="" /></div>
      <div class="order_title">我的订单</div>
      <div><img class="img1" /></div>
    </div>

    <!-- 分类器 -->
    <div class="classify1">
      <ul>
        <li>
          <a href="">全部</a>
        </li>
        <li style="text-align: left">
          <a href="">待付款</a>
        </li>
        <li style="text-align: left">
          <a href="">待发货</a>
        </li>
        <li style="text-align: center">
          <a href="">待签收</a>
        </li>
        <li style="text-align: right">
          <a href="">待评价</a>
        </li>
      </ul>
    </div>

    <!-- item_box -->
    <div class="container">
      <div class="item_box">
        <div class="box">
          <img src="./images/item_icon.png" alt="" />
          <div class="box1">
            <div class="item_info">
              <div class="text1">洗衣机名称</div>
              <div class="text2">规格 型号</div>
              <div class="price">￥70.00</div>
            </div>
            <div class="item_status">
              <div class="status">待签收</div>
              <div class="num" style="text-align: right">x1</div>
            </div>
          </div>
        </div>
        <div class="count">共一件商品 合计：<span>￥74.00</span> (含运费￥4)</div>
        <div class="butt">
          <button>确认收货</button>
          <button1>查看物流</button1>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="item_box">
        <div class="box">
          <img src="./images/item_icon.png" alt="" />
          <div class="box1">
            <div class="item_info">
              <div class="text1">洗衣机名称</div>
              <div class="text2">规格 型号</div>
              <div class="price">￥70.00</div>
            </div>
            <div class="item_status">
              <div class="status">待签收</div>
              <div class="num" style="text-align: right">x1</div>
            </div>
          </div>
        </div>
        <div class="count">共一件商品 合计：<span>￥74.00</span> (含运费￥4)</div>
        <div class="butt">
          <button>确认收货</button>
          <button1>查看物流</button1>
        </div>
      </div>
    </div>
    <div class="container">
      <div class="item_box">
        <div class="box">
          <img src="./images/item_icon.png" alt="" />
          <div class="box1">
            <div class="item_info">
              <div class="text1">洗衣机名称</div>
              <div class="text2">规格 型号</div>
              <div class="price">￥70.00</div>
            </div>
            <div class="item_status">
              <div class="status">待签收</div>
              <div class="num" style="text-align: right">x1</div>
            </div>
          </div>
        </div>
        <div class="count">共一件商品 合计：<span>￥74.00</span> (含运费￥4)</div>
        <div class="butt">
          <button>确认收货</button>
          <button1>查看物流</button1>
        </div>
      </div>
    </div>
     <!-- 列表和底部导航栏之间用空白撑开 -->
     <div style="height: 1.5rem"></div>
     <!-- 底部导航栏 -->
     <footer>
       <nav>
         <ul>
           <li>
             <a href="./index.html">
               <img src="./images/home.png" alt="" />
               <p>主页</p>
             </a>
           </li>
           <li>
             <a href="./shopping.html">
               <img src="./images/sc.png" alt="" />
               <p>商城</p>
             </a>
           </li>
           <li>
             <a href="./order.html">
               <img src="./images/order.png" alt="" />
               <p>订单</p>
             </a>
           </li>
           <li>
             <a href="./me.html">
               <img src="./images/me.png" alt="" />
               <p>我的</p>
             </a>
           </li>
         </ul>
       </nav>
     </footer>
  </body>
</html>
<script src="./js/jquery-3.5.1.min.js"></script>
<script src="js/wow.min.repeat.js"></script>
<script src="js/common.js"></script>
<script src="js/less-4.1.3.js"></script>
